<template>
    <div class="app-container">
      课程分类

      <el-input v-model="filterText" placeholder="Filter keyword" style="margin-bottom:30px;" />
  
      <el-tree
        ref="tree2"
        :data="data2"
        :props="defaultProps"
        :filter-node-method="filterNode"
        class="filter-tree"
        default-expand-all
      />
  
    </div>
  </template>
  
  <script>
    import subject from '@/api/edu/subject'
    export default {
        data() {
            return {
                filterText: '',
                data2: [],
                defaultProps: {
                    children: 'children',
                    label: 'title'
                }
            }
        },

        watch: {
            filterText(val) {
                this.$refs.tree2.filter(val)
            }
        },

        created(){
            this.getList()
        },
    
        methods: {
        filterNode(value, data) {
            if (!value) return true
            return data.title.toLowerCase().indexOf(value.toLowerCase()) !== -1
        },

        //查询：data2数据
        getList(){
            subject.getSubjectList()
                   .then(response=>{
                        this.data2 = response.data.list
                   })
        }
     }
  }
  </script>
  
  